box-sizing: border-box
from
CSS: box-sizing
一般的にはこれを使うのが望ましいらしい
mrsekut.icon
/mrsekut-book-486246517X/023
計算の予想がしやすいのでstylingしやすい
paddingとborderを幅と高さに含める
Reset CSS
に含めておけばいい
code:css
* { box-sizing: border-box; }
ちなみに、
focusした時の枠は、borderではなくoutlineを使う
という話もある